﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Project Time!</title>
    <link type="text/css" href="../base.css" rel="stylesheet">
    <link type="text/css" href="index.css" rel="stylesheet">
</head>
<body>

<nav>
  <a href="/" id="brand">MySite</a>
</nav>

<div id="nav-container">
  <div id="nav-title">Navigation</div>
  <ul class="nav">
    <li>
      <a href="#">Link #1</a>
    </li>
    <li>
      <a href="#">Link #2</a>
    </li>
    <li>
      <a href="#">Link #3</a>
    </li>
    <li>
      <a href="#">Link #4</a>
    </li>
    <li>
      <a href="#">Link #5</a>
    </li>
  </ul>
</div>

<div id="body">
  <p>
    Welcome to your first major CSS project.This is designed to be different <em>and</em> to give you hands on experience with a real world project.
  </p>
  <p>
    Welcome to your first major CSS project.This is designed to be different and to give you hands on experience with a real world project.
  </p>
  <p>
    But let me tell you this:
    <blockquote>
      The <em>best</em> time to start is now.
      The <em>best</em> place to start is here.
      Just get started!
    </blockquote>
  </p>
</div>

<footer class="row">
  <div class="col1">
    Left Column
  </div>
  <div class="col2">
    Middle Column
  </div>
  <div class="col3">
    Right Column
  </div>
  <div class="full-col">
    This should take up the width of 3 columns
  </div>
</footer>

</body>
</html>